page {
	background: $uni-F5F5F5;
}

.user-head {
	width: 80rpx;
	height: 80rpx;
	flex-shrink: 0;
	border-radius: 40rpx;
	margin: 0 24rpx;
}

.left-message {
	padding: 24rpx;
	max-width: 540rpx;
	background: $uni-white;
	border-radius: 0 24rpx 24rpx 24rpx;
	word-break: break-word;
}

.right-message {
	padding: 24rpx;
	max-width: 540rpx;
	background: #DDEBE7;
	border-radius: 24rpx 0 24rpx 24rpx;
	word-break: break-word;
}

.bottom-box {
	width: 100vw;
	position: fixed;
	left: 0;
	bottom: 0;
	background: $uni-white;
	.input-box {
		width: 100%;
		box-sizing: border-box;
		padding: 14rpx 32rpx 14rpx 24rpx;
		.input {
			width: 574rpx;
			background: $uni-F5F5F5;
			padding: 14rpx 24rpx;
			border-radius: 36rpx;
			box-sizing: border-box;
		}
		.send-button {
			width: 100rpx;
			height: 64rpx;
			line-height: 64rpx;
			text-align: center;
			background: $uni-text-color-main;
			border-radius: 16rpx;
			color: $uni-white;
		}
		.add-icon {
			width: 72rpx;
			height: 72rpx;
		}
	}
	.tools-box {
		width: 100%;
		height: 180rpx;
		.item-img {
			width: 64rpx;
			height: 64rpx;
			flex-shrink: 0;
		}
	}
}